<template>
  <div>
    <Footer class="Footer">
      <div class="Contain">
        <div class="SiteMap clearfix">
          <dl class="wow animated fadeIn d1 animated" data-wow-delay="0.1s" style="visibility: visible;animation-delay: 0.1s;animation-name: fadeIn;">
            <dt>实验室概况</dt>
            <dd class="d1"><a href="#/LaboratoryOverview" target="_blank">实验室简介</a></dd>
            <dd class="d2"><a href="#/LaboratoryCompetition" target="_blank">实验室竞赛</a></dd>
            <dd class="d3"><a href="#/Honors" target="_blank">成果与获奖</a></dd>
          </dl>
          <dl class="wow animated fadeIn d2 animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;">
            <dt>学期报告</dt>
            <dd><a href="http://10.18.52.137/oldfile/report/2018-2-report/semester.html" target="_blank">2018秋季学期</a></dd>
            <dd><a href="http://10.18.52.137/oldfile/report/2019-1-report/semester.html" target="_blank">2019春季学期</a></dd>
            <dd><a href="http://10.18.52.137/oldfile/report/2019-2-report/N6-506-CSLG.html" target="_blank">2019秋季学期</a></dd>
            <dd><a href="http://10.18.52.137/oldfile/report/2020-2-report/N6-506.html" target="_blank">2020秋季学期</a></dd>
            <dd><a href="http://10.18.52.132/" target="_blank">2021春季学期</a></dd>
          </dl>
          <dl class="wow animated fadeIn d3 animated" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeIn;">
            <dt>内部资源</dt>
            <dd><a href="http://10.18.52.137/oldfile/schedule/2019-1-schedule/ziliao.html" target="_blank">学习资料</a></dd>
            <dd><a href="http://10.18.52.137:10080/user/login" target="_blank">Git</a></dd>
            <dd><a href="http://10.18.52.137/oldfile/equipment/equipments.html" target="_blank">实验器材</a></dd>
          </dl>
          <dl class="wow animated fadeIn d4 animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeIn;">
            <dt>会议竞赛</dt>
            <dd><a href="https://ieeexplore.ieee.org/Xplore/home.jsp" target="_blank">IEEE</a></dd>
            <dd><a href="https://iccc2019.ieee-iccc.org" target="_blank">ICCC会议</a></dd>
            <dd><a href="http://www.ic-wcsp.org" target="_blank">WCSP会议</a></dd>
            <dd><a href="http://www.soopat.com" target="_blank">专利检索</a></dd>
            <dd><a href="https://www.acemap.info" target="_blank">学术地图</a></dd>
            <dd><a href="http://iot.sjtu.edu.cn/Default.aspx" target="_blank">物联网设计竞赛</a></dd>
          </dl>
          <dl class="wow animated fadeIn d5 animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeIn;">
            <dt>网络资源</dt>
            <dd><a href="https://wiki.ai-thinker.com/esp8266/" target="_blank">ESP8266系列模组专题</a></dd>
            <dd><a href="https://python.freelycode.com/" target="_blank">Python部落</a></dd>
            <dd><a href="https://www.raspberrypi.org/" target="_blank">Raspberry官网</a></dd>
            <dd><a href="https://www.arduino.cc/" target="_blank">Ardunio官网</a></dd>
            <dd><a href="https://shumeipai.nxez.com/" target="_blank">树莓派实验室</a></dd>
            <dd><a href="http://openedv.com/posts/list/13912.htm" target="_blank">STM32参考资料</a></dd>
<!--            <dd>菜鸟教程</dd>-->
<!--            <dd>自制arduino空气质量检测器</dd>-->
<!--            <dd>AI开放平台</dd>-->
<!--            <dd>Arduino实验室</dd>-->
<!--            <dd>app inventorAPP开发</dd>-->
<!--            <dd>数据可视化产品</dd>-->
          </dl>
          <dl class="wow animated fadeIn d6 animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeIn;">
            <dt>考勤</dt>
            <dd><a href="http://10.18.52.137:8888/laboratory/login" target="_blank">考勤系统</a></dd>
            <dd><a href="http://10.18.52.137:8888/ask/ask.jsp" target="_blank">请假</a></dd>
          </dl>
          <dl class="wow animated fadeIn d7 animated" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.7s; animation-name: fadeIn;">
            <dt>学校链接</dt>
            <dd><a href="https://www.cslg.edu.cn/" target="_blank">学校官网</a></dd>
            <dd><a href="https://cse.cslg.edu.cn/" target="_blank">计算机学院</a></dd>
            <dd><a href="https://jwc.cslg.edu.cn/" target="_blank">教务处</a></dd>
            <dd><a href="http://121.229.45.226/CSLG_CX/CXCY/CSLG" target="_blank">大学生创新创业训练</a></dd>
            <dd><a href="http://bylw.cslg.cn/" target="_blank">毕设</a></dd>
          </dl>
          <dl class="wow animated fadeIn d8 animated" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeIn;">
            <dt>数据平台</dt>
            <dd><a href="http://10.18.52.137:8081/" target="_blank">实验室环境数据</a></dd>
          </dl>
        </div>
        <div class="Copyright">
          <div class="contact">
            <span class="qq">
              <img src="../assets/qq.png" width="25" alt="">
              "QQ：2366750727"
            </span>
            <span class="add">
              <img src="../assets/position.png" width="15" alt="">
              "地址：常熟市东南开发区湖山路99号 常熟理工学院东南校区九章楼N6-506"
            </span>
          </div>
          <div class="copy">
            CopyRight © 常熟理工学院N6-506物联网实验室 All Rights Reserved
          </div>
        </div>
      </div>

    </Footer>
  </div>



</template>

<script>
export default {
  name: "footers"
}
</script>

<style scoped>
  *{
    margin: 0;
    padding: 0;
  }
  ul, li, form, dl, dt, dd, div, ul, li, h1, h2, h3, h4, h5, h6, p, em, i {
    font-style: normal;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  dd {
    display: block;

  }
  dl {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
  dt {
    display: block;
  }
  a {
    color: #333333;
    text-decoration: none;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
  }
  .Footer{
    background: #fff;
    color: #999999;
    padding: 50px 0 0;
    line-height: 30px;
  }
  .Contain{
    width: 1300px;
    margin: 0 auto;
  }
  .SiteMap{
    float: left;
    padding-bottom: 43px;
  }
  .clearfix{
    overflow: hidden;
  }
  .animated{
    animation-duration: 1s;
    animation-fill-mode: both;
  }
  .SiteMap dl {
    width: 154px;
    line-height: 30px;
    float: left;
  }
  .SiteMap dl a {
    color: #666666;
  }
  .SiteMap dl dt {
    font-size: 18px;
    color: #0054a7;
    line-height: 60px;
  }
  .SiteMap dl dd a:hover{
    color: #0054a7;
    margin-inline-start: 20px;
  }
  .Copyright {
    clear: both;
    line-height: 40px;
    color: #4c4c4c;
    padding: 34px 0;
    border-top: 1px solid #e6e6e6;
  }

  .Copyright .contact img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .Copyright .contact .add {
    margin-left: 43px;
  }
</style>